<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css/stype.css"/>
		
	</head>
	<body>
		<header>
			<nav>
				<div class="container">
					<div class="nav-left"></div>
					<div class="nav-center">
					<a href="">
						<img src="img/logo.png" alt="">
					</a>
					</div>
					<div class="nav-right">
					<a href="">
						<span>SIGN IN</span>
						<img src="img/user.png" alt="">
					</a>
					</div>
				</div>
			</div>
			</nav>
			<div class="banner">
				<div class="container">
					<div class="col">
						<p>SQUARE  POINT  OF SALE</p>
						<h1>The POS software that's simple,powerful,and free.</h1>
						<a href="">GET STARTED</a>
					</div>
					<div class="col">
						<img src="img/banner.png"alt="" class="img">
					</div>
				</div>
			</div>
		</header>
		
		<main>
			<div class="container">
				<div class="col">
					<img src="img/Download.png"/>
					<h3>Download free</h3>
					<p>Square point of Sale is the perfect point-of-sale systemSquare point of Sale is the perfect point-of-sale system</p>
				</div>
				<div class="col">
					<img src="img/Grow.png"/>
					<h3>Download free</h3>
					<p>Square point of Sale is the perfect point-of-sale systemSquare point of Sale is the perfect point-of-sale system</p>
				</div>
				<div class="col">
					<img src="img/Powerful.png"/>
					<h3>Download free</h3>
					<p>Square point of Sale is the perfect point-of-sale systemSquare point of Sale is the perfect point-of-sale system</p>
				</div>
				<div class="col">
					<img src="img/Upgrades.png"/>
					<h3>Download free</h3>
					<p>Square point of Sale is the perfect point-of-sale systemSquare point of Sale is the perfect point-of-sale system</p>
				</div>
			</div>
			
		</main>
		
		<footer>
			
		</footer>
	</body>
</html>
